<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2023-12-21
  Time: 17:10
  To change this template use File | Settings | File Templates.
--%>
<!-- 标记为HTML格式 -->
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<!-- 设置页面为Chain -->
<html lang="ch">
<head>
    <title>信息通知</title>
    <!-- 设置地址栏主题背景颜色 -->
    <meta name="theme-color" content="#000000">
    <!-- 页面描述 -->
    <meta name="description" content="页面描述信息">
    <!-- 移动端显示 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <script src="${pageContext.request.contextPath}/other/component/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/background/gaud.js"></script>
    <script src="${pageContext.request.contextPath}/other/resource/address_util.js"></script>
    <script src="${pageContext.request.contextPath}/other/resource/input_util.js"></script>
    <script src="${pageContext.request.contextPath}/other/scripts/reception_desk/address_img.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/reception_desk/address_insert.js"></script>
    <!-- 页面Logo -->
    <link rel="shortcut icon" href="http://localhost:8083/resource_packs/images/logo.png">
    <link href="${pageContext.request.contextPath}/other/style/reception_desk/delivery_address.css" rel="stylesheet"
          type="text/css"/>
</head>
<body>
<jsp:useBean id="id" scope="request" type="java.lang.Integer"/>
<div class="body">
    <div class="mi-address personal-information">
        <div class="box">
            <h1>收货地址</h1>
            <div class="address-box">
                <div class="address-list">
                    <!-- 添加地址 -->
                    <div class="address-item add-address-div">
                        <div class="add-desc">
                            <p class="p"><img class="add_img"
                                              src="http://localhost:8083/resource_packs/images/add_address.png"
                                              width="40px" alt="新增地址"></p>
                            <p><span>添加新地址</span></p>
                        </div>
                    </div>
                    <!-- 查询地址 -->
                    <jsp:useBean id="address" scope="request" type="java.util.List"/>
                    <c:forEach var="item" items="${address}">
                        <div class="address-item address-edit">
                            <div class="address-desc">
                                <div class="addressName"><b>${item.addressName}</b> <span class="addressLabel" style="color: rgb(117, 117, 117);">${item.addressLabels}</span></div>
                                <div class="tel">${item.addressPhone}</div>
                                <div class="address-con">
                                    <span class="addressProvince">${item.addressProvince}</span>
                                    <span class="addressCity">${item.addressCity}</span>
                                    <span class="addressDistrict">${item.addressDistrict}</span>
                                    <span class="info">${item.fullAddress}</span>
                                </div>
                                <div class="address-action">
                                    <span class="address-update" address-id="${item.addressId}">修改</span>
                                    <span class="address-delete" address-id="${item.addressId}">删除</span>
                                </div>
                            </div>
                        </div>
                    </c:forEach>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 隐藏部分 -->
<div class="hint" style="display: none">
    <div class="blinded">
    </div>
    <div class="hint-revise">
        <div class="hint-title">
            <span class="change-address-title">添加地址</span>
            <img src="http://localhost:8083/resource_packs/images/pop_ups_closes.png" class="hint-img" alt="关闭">
        </div>
        <div style="display: inline-flex;">
            <div class="revise-name">
                <span class="name-title">姓名</span>
                <label>
                    <input type="text" class="name" name="name">
                </label>
            </div>
            <div class="revise-name">
                <span class="phone-title">手机号</span>
                <label>
                    <input type="text" class="phone-number" name="phone-number">
                </label>
            </div>
        </div>
        <div class="address">
            <div class="edit-address">
                <span class="address-word">省级  市级  区县  区域</span>
                <img src="http://localhost:8083/resource_packs/images/drop_down.png" class="address-img" alt="下拉">
            </div>
        </div>
        <div class="address-text">
            <span class="address-character">详细地址</span>
            <label>
                <textarea name="description" class="specific-address"></textarea>
            </label>
        </div>
        <div class="label">
            <span class="label-word">地址标签</span>
            <label>
                <input type="text" class="address-label">
            </label>
        </div>
        <div class="operate">
            <a class="confirm" information-id="${id}">添加</a> <span class="cancel">取消</span>
        </div>
        <div class="region-selection">
            <div>
                <img src="http://localhost:8083/resource_packs/images/pop_ups_closes.png" class="remove-img" alt="关闭">
            </div>
            <div class="show-selected-regions">
                <span class="province">选择省份/自治区</span>
            </div>
            <div class="selected-regions">
                <div class="select-address">

                </div>
            </div>
            <div class="position">
                <a class="positioning">快速定位></a>
            </div>
        </div>
    </div>
</div>
</body>
</html>
